<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link href="/parkinfo/css/style.css" rel="stylesheet" type="text/css" />
        <link href="/parkinfo/css/style1.css" rel="stylesheet" type="text/css" />
        <link href="/parkinfo/bootstrap/css/bootstrap.css" rel="stylesheet" />
        <link href="/parkinfo/bootstrap/css/font-awesome.min.css" rel="stylesheet" />
        <link href="/parkinfo/bootstrap/css/style.min.css" rel="stylesheet" />
        <script src="/parkinfo/js/jquery-1.7.2.min.js"></script>
        <script src="/parkinfo/angular/angular.min.js"></script>
        <script src="/parkinfo/angular/angular-animate.min.js"></script>
        <script src="/parkinfo/angular/angular-cookies.min.js"></script>       
        <script src="/parkinfo/angular/angular-ui-router.min.js"></script>
        <script src="/parkinfo/angular/ocLazyLoad.min.js"></script>
        <script src="/parkinfo/angular/ui-bootstrap-tpls.min.js"></script>
        <script src="/parkinfo/bootstrap/js/bootstrap.min.js"></script>
        <script src="/parkinfo/js/generalDataView.js?v=1.5"></script>
       	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=c7A2jm3enN7T0s5V8QbDHx85"></script>       
		<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>            		
		<script type="text/javascript" src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
		<script type="text/javascript" src="/parkinfo/script/utility.js"></script>
		<script type="text/javascript" src="/parkinfo/script/parkinfoBigData.js?v=1.0"></script>
		<script type="text/javascript" src="/parkinfo/script/parkinfoBigDataAngular.js?v=1.0"></script>
		<script type="text/javascript" src="/parkinfo/script/dist/echarts.js"></script>
		<script type="text/javascript" src="/parkinfo/script/mainBar2.js"></script>
    </head>

    <body ng-app="generalDataViewApp" ng-controller="generalDataViewCtrl">
        <div class="top mg2">
            <div class="topl f">
                <a href="#"><img align="absmiddle" src="images/index_1_01.png" /></a>
            </div>
            <div class="topc f cen xi13">
                <ul>
                    <li class="bg1">
                        <a href="index">概况</a>
                    </li>
                    <div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" />
                    </div>
                    <li class="bg3"> 
                        <a href="report">数据</a>
                    </li>
                    <div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" />
                    </div>
                    <!-- <li class="bg2 bg2hover"> -->
                    <li class="bg2">
                        <a href="report/finance">财务对账</a>
                    </li>
                    <div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" />
                    </div>
                    
                    <!-- <li class="bg2">
                        <a href="report/monthUser">用户预约</a>
                    </li>
                    <div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" />
                    </div> -->
                    <li class="bg4">
                        <a href="report/searchArrearage">欠费查询</a>
                    </li>
                    <div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" />
                    </div>
                    <li class="bg5">
                        <a href="report/searchParking">停车记录</a>
                    </li>
                    <div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" />
                    </div>
                    <li class="bg2">
                        <a href="report/CarportStatus">车位状态</a>
                    </li>
                    <div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" />
                    </div>
                    <li class="bg2">
                        <a href="report/month">月卡管理</a>
                    </li>
                    <div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" />
                    </div>
                    <!-- <li class="bg2">
                        <a href="report/user">用户管理</a>
                    </li>
                    <div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" />
                    </div> -->
                    <li class="bg6 bg6hover">
                        <a href="#">服务</a>
                    </li>
                    <div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" />
                    </div>
                </ul>
            </div>
            <div class="topr r xi13">
                <ul>
                    <li>
                        <a href="#">欢迎您</a>
                    </li>
                    <!-- <li>
                        <a href="#"><img align="absmiddle" src="images/index_26.png" /></a>
                    </li>
                    <li>
                        <a href="#"><img align="absmiddle" src="images/index_28.png" /></a>
                    </li> -->
                    <li>
                        <a href="/parkinfo/login"><img align="absmiddle" src="images/index_30.png" /></a>
                    </li>
                </ul>
            </div>
        </div>
        
       <div class="gaikuang mg2">
            <div class="gaikuang1 mg2 xi15" style="margin-left: 35px;">
                今日数据发布
            </div>
            <div class="gaikuang2 mg2 cen">
                <ul>
                    <li>
                        <div class="gaikuang2s mg2 gaikuangbg1">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日应收金额
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{dayAmountMoney}}<span class="xi14">元</span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                应收总金额{{dayAmountMoney}}元
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="gaikuang2s mg2 gaikuangbg2">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日实收金额
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{dayRealMoney}} <span class="xi14"></span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                实收总金额{{dayRealMoney}}
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="gaikuang2s mg2 gaikuangbg3">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日欠费金额
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{(dayAmountMoney-dayRealMoney)>0?(dayAmountMoney-dayRealMoney):0}}<span class="xi14">元</span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                欠费总金额{{(dayAmountMoney-dayRealMoney)>0?(dayAmountMoney-dayRealMoney):0}}元
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="gaikuang2s mg2 gaikuangbg4">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日交易次数
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{dayOutCount}}<span class="xi14">笔</span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                交易总次数{{dayOutCount}}笔
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="gaikuang2s mg2 gaikuangbg5">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日运营泊位数
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{dayOnlineCarportCount}}<span class="xi14"></span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                总泊位数{{dayCarportCount}}
                            </div>
                        </div>
                    </li>
                    <!-- <li>
                        <div class="gaikuang2s mg2 gaikuangbg5">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日逃费率
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{((dayAmountMoney-dayRealMoney)/dayAmountMoney|number:2)>0?((dayAmountMoney-dayRealMoney)/dayAmountMoney|number:2):0}}<span class="xi14"></span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                总逃费率{{((dayAmountMoney-dayRealMoney)/dayAmountMoney|number:3)>0?((dayAmountMoney-dayRealMoney)/dayAmountMoney|number:3):0}}
                            </div>
                        </div>
                    </li> -->
                    <!-- <li>
                        <div class="gaikuang2s mg2 gaikuangbg6">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日运营站点数
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{dayOnlineParkCount}}<span class="xi14">个</span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                合计运营站点数{{dayParkCount}}个
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="gaikuang2s mg2 gaikuangbg7">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日运营泊位数
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{dayOnlineCarportCount}}<span class="xi14"></span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                总泊位数{{dayCarportCount}}
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="gaikuang2s mg2 gaikuangbg8">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日泊位在线率
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{dayOnlineCarportCount/dayCarportCount|number:3}}<span class="xi14"></span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                总泊位在线率{{dayOnlineCarportCount/dayCarportCount|number:4}}
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="gaikuang2s mg2 gaikuangbg9">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日泊位饱和度
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{(1-(dayCarportLeftCount/dayCarportCount))|number:3}}<span class="xi14"></span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                总泊位饱和度{{1-(dayCarportLeftCount/dayCarportCount)|number:4}}
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="gaikuang2s mg2 gaikuangbg10">
                            <div class="gaikuang2ss mg2 xi14 bai">
                                今日泊位周转率
                            </div>
                            <div class="gaikuang2sc mg2 xi26">
                                {{dayOutCount/dayOnlineCarportCount|number:3}}<span class="xi14"></span>
                            </div>
                            <div class="gaikuang2sx mg2 xi13 hui">
                                总泊位周转率{{dayOutCount/dayOnlineCarportCount|number:4}}
                            </div>
                        </div>
                    </li> -->
                </ul>
            </div>
            
            <!-- <div class="gaikuang1 mg2 xi15">
               	 停车大数据
            </div>
        <div class="row"  style="margin-top:20px;min-width:700px" >
            <div class="col-md-6" style="margin-right:-10px">
                <div class="panel panel-success" >
                    <div class="panel-heading">
                        <h3 class="panel-title">智慧停车场数全国分布图</h3>
                    </div>
                    <div class="panel-body">
                        <div class="row" id="container4" style="width:100%;height:400px;"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-6"  ng-app="parkinfoBigDataApp" ng-controller="parkinfoBigDataCtrl">
                <div class="panel panel-info" style="margin-left:-25px;">
                    <div class="panel-heading">
                        <h3 class="panel-title">停车场实时数据</h3>
                    </div>
                    <div class="panel-body">
                        <div class="row" style="width:100%;height:400px;">										
							<table class="table table-hover" style="font-size:12px;vertical-align: middle;">					        								
							<tr>
								<th style=" text-align: center;vertical-align: middle;"><span>车牌号</span></th>
								<th style=" text-align: center;vertical-align: middle;"><span>车位号</span></th>
								<th style=" text-align: center;vertical-align: middle;"><span>动作</span></th>
								<th style=" text-align: center;vertical-align: middle;"><span>时间</span></th>
								<th style=" text-align: center;vertical-align: middle;"><span>是否收费</span></th>
								<th style=" text-align: center;vertical-align: middle;"><span>费用</span></th>
								<th style=" text-align: center;vertical-align: middle;"><span>停车场</span></th>
							</tr>
								<tr  ng-repeat = "item in items" ng-class="{true:'success'}[item.isNew]">				          						     
				          		<td ng-bind="item.cardNumber"></td>	
								<td ng-bind="item.portNumber"></td>
								<td ng-if="item.exitDate==undefined" >入场</td>
								<td ng-if="item.exitDate!=undefined" >出场</td>
								<td ng-if="item.exitDate==undefined" ng-bind="item.entranceDate"></td>
								<td ng-if="item.exitDate!=undefined" ng-bind="item.exitDate"></td>
				          		<td ng-if="item.paidCompleted==true" class="success">已收费</td>
								<td ng-if="item.paidCompleted==false" class="warning">未收费</td>				          	
				          		<td ng-if="item.paidCompleted==true" class="warning">收费:￥{{item.chargeMoney}}</td>	
								<td ng-if="item.paidCompleted==false">计费:￥{{item.chargeMoney}}</td>	
								<td ng-bind="item.parkDesc"></td>
								</tr>
								
                            </table>
						
						</div>
                    </div>
                </div>
            </div>
        </div> -->
        
        <!-- <div class="con1 mg2 mb10">
				<ul>
					<li class="bgbai btop4hui">
						<div class="con1s mg2">
							<div class="con1sl f xi14">临停年度收入</div>
							<div class="con1sr r bai bglan cen">全年</div>
						</div>
						<div class="con1x mg2 xi22">¥ 305,072.5</div>
					</li>
					<li class="bgbai btop4hui">
						<div class="con1s mg2">
							<div class="con1sl f xi14">临停本月收入</div>
							<div class="con1sr r bai bglv cen">月</div>
						</div>
						<div class="con1x mg2 xi22">¥ 305,072.5</div>
					</li>
					<li class="bgbai btop4hui">
						<div class="con1s mg2">
							<div class="con1sl f xi14">临停年度收入</div>
							<div class="con1sr r bai bglv cen">今天</div>
						</div>
						<div class="con1x mg2 xi22">¥ 305,072.5</div>
					</li>
					<li class="bgbai btop4hui">
						<div class="con1s mg2">
							<div class="con1sl f xi14">月租车辆数</div>
							<div class="con1sr r bai bghong cen">全部</div>
						</div>
						<div class="con1x mg2 xi22">64</div>
					</li>
				</ul>
			</div> -->
        	<div class="con2 mg2 bgbai btop4hui">
				<div class="con1s mg2">
					<div class="con1sl f xi14">总收入分析</div>
				</div>
				<div class="con2x mg2">
					<div class="con2xl f">
						<div id="mainBar" style="height: 280px;width: 100%;text-align: center;"></div>
					</div>
					<div class="con2xr r">
						<ul class="stat-list">
							<li>
								<h2 class="no-margins" id="year" style="color: #000000;font-weight: 500;">¥ 315942</h2>
								<small>年总收入</small>
								<div class="stat-percent" id="yearIn" >
									2322311.00%
									<i class="fa fa-bolt text-navy" style="color: #1AB394"></i>
								</div>
								<div class="progress progress-mini">
									<div class="progress-bar" id="yearInwidth" style="width: 100%;"></div>
								</div>
							</li>
							<li>
								<h2 class="no-margins" id="month" style="color: #000000;font-weight: 500;">¥ 71470</h2>
								<small>本月收入</small>
								<div class="stat-percent" id="monthIn">
									41.25%
									<i class="fa fa-level-down text-navy"></i>
								</div>
								<div class="progress progress-mini">
									<div class="progress-bar" id="monthInwidth" style="width: 41.25%;"></div>
								</div>
							</li>
							<li>
								<h2 class="no-margins" id="month" style="color: #000000;font-weight: 500;">¥ 2785.5</h2>
								<small>今日总收入</small>
								<div class="stat-percent" id="dayIn">
									83.91%
									<i class="fa fa-level-down text-navy"></i>
								</div>
								<div class="progress progress-mini">
									<div class="progress-bar" id="dayInwidth" style="width: 83.91%;"></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			

            <div class="gaikuang1 mg2 xi15">
                停车场今日数据
            </div>
            <div class="gaikuang3 mg2">
                <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#ebebeb" class="tab2 cen">
                    <tr class="cu bgqianlan">
                        <td>停车场名</td>
                        <td>今日应收额</td>
                        <td>今日实收额</td>
                        <td>今日欠费</td>
                        <td>进场车辆数</td>
                        <td>离场车辆数</td>
                        <td>停车次数</td>
                        <td>泊位周转率</td>
                        <td>总车位数</td>

                    </tr>
                    <tr class="tab2tr2" ng-repeat="parkdata in parkdatasArray">

                        <td>{{parkdata.selectedParkName}}</td>
                        <td>{{parkdata.dayChargeTotal|number:2}}</td>
                        <td>{{parkdata.dayRealReceiveMoney|number:2}}</td>
                        <td>{{parkdata.dayChargeTotal-parkdata.dayRealReceiveMoney}}</td>
                        <td>{{parkdata.carsInCount}}</td>
                        <td>{{parkdata.carsOutCount}}</td>
                        <td>{{parkdata.dayCarsCount}}</td>
                        <td>{{parkdata.dayCarsCount/parkdata.carportsCount|number:2}}</td>
                        <td>{{parkdata.carportsCount}}</td>

                    </tr>

                </table>
            </div>

            <div class="gaikuang1 mg2 xi15" hidden>
                各区收费分析
            </div>
            <div class="gaikuang3 mg2" hidden>
                <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#ebebeb" class="tab2 cen">
                    <tr class="cu bgqianlan">
                        <td>区中心</td>
                        <td>应收额</td>
                        <td>实收额</td>
                        <td>欠费</td>
                        <td>入场数</td>
                        <td>出场数</td>
                        <td>经营中心</td>
                        <td>街道数</td>
                        <td>站点总数</td>
                        <td>在线站点</td>
                        <td>总泊位</td>
                        <td>在线泊位</td>
                        <td>剩余泊位</td>

                    </tr>
                    <tr class="tab2tr2" ng-repeat="zoneCenter in zoneCenters">
                        <td ><a href='#'>{{zoneCenter.zonename|limitTo:5}}</a></td>
                        <td>{{zoneCenter.amountmoney}}</td>
                        <td>{{zoneCenter.realmoney}}</td>
                        <td>{{(zoneCenter.amountmoney-zoneCenter.realmoney)>0?(zoneCenter.amountmoney-zoneCenter.realmoney):0}}</td>
                        <td>{{zoneCenter.entrancecount}}</td>
                        <td>{{zoneCenter.outcount}}</td>
                        <td>{{zoneCenter.areacount}}</td>
                        <td>{{zoneCenter.streetcount}}</td>
                        <td>{{zoneCenter.parkcount}}</td>
                        <td>{{zoneCenter.onlineparkcount}}</td>
                        <td>{{zoneCenter.carportcount}}</td>
                        <td>{{zoneCenter.onlinecarportcount}}</td>
                        <td>{{zoneCenter.carportleftcount}}</td>
                    </tr>

                </table>
            </div>
        </div>
<!--         <script src="js/js.js"></script> -->
        <script >
/* $(function() {
                $.fn.platformShow.initial();
            }); */
</script>
    </body>
</html>
